<template>
  <div>
    <el-table
      :data="tableData"
      class="table"
      height="100%"
      border
      ref="jdjgTable"
      @sort-change="sortChange"
      :header-cell-style="{
        padding: '0px',
        background: 'linear-gradient(0deg, #F4F6F9, #EAECF4, #F3F6F9)'
      }"
      :row-class-name="tabRowClassName"
      header-row-class-name="mapTable_th"
    >
      <el-table-column width="60" align="center" type="index" label="序号">
        <template slot-scope="scope">
          {{ scope.$index + 1 }}
        </template>
      </el-table-column>
      <el-table-column label="资质名称" align="center" width="170"> </el-table-column>
      <el-table-column label="资质证明图片" align="center" width="170"> </el-table-column>
      <el-table-column label="是否首页展示" align="center" width="170"> </el-table-column>
      <el-table-column label="上传时间" align="center" width="170"> </el-table-column>
      <el-table-column label="操作" align="center"> </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: []
    }
  },
  mounted() {},
  methods: {
    sortChange() {},
    addIndex(index) {
      return index + 1 + (this.page - 1) * this.size
    },
    tabRowClassName({ row, rowIndex }) {
      let index = rowIndex + 1
      if (index % 2 == 0) {
        return 'warning-row'
      }
    }
  }
}
</script>
<style lang="less" scoped></style>
